<extend name="Base/common" />
<block name="body">
<style>
/*列表样式*/
.category{;}
.filter-tab{ padding-top:15px;width:1200px;margin:0 auto}
.filter-tab shop-coun{ float:left; font-size:16px; color:#404040; padding:15px 0;background-repeat: no-repeat;}
.shopone{width:1200px;background-color:#fff;padding:20px 20px;margin-bottom:20px;border:1px solid #f0f0f0;height:580px;}
.shopone .shop-information{height:100px;margin-bottom:20px;}
.shopone .photos{width: 100px;height: 100px;border: 1px solid #f0f0f0;line-height: 100px;margin-right:50px;float:left;}
.shopone .shop-data{width:400px; float:left}
.shopone .shop-data h4{margin-bottom:20px}
.shopone .shop-data h4 a{color: #2d8701;font-weight: 700;font-size: 16px; margin-right:30px;}
.shopone .shop-data .discount{font-size:12px; color:#fff; border-radius: 5px; background-color: red;padding:3px 4px;border-radius:5px}
.shopone .shop-data .data-info span{font-size:14px; font-weight:700}
.shopone .statistics {float:left;}
.shopone .statistics .commodity-number {float:left; width:150px; height:90px; border-left:1px #f0f0f0 dashed; text-align: center; padding-top:25px}
.shopone .statistics .commodity-number span{font-size:14px; font-weight:700;}
.shopone .statistics .commodity-number p{font-size:16px;}
.shopone .statistics .collection-number {float:left; width:150px; height:90px; border-left:1px #f0f0f0 dashed;border-right:1px #f0f0f0 dashed; text-align: center; padding-top:25px}
.shopone .statistics .collection-number span{font-size:14px; font-weight:700;}
.shopone .shop-button {padding: 10px 12px;background-color: #2d8701;float: right;line-height: 25px;width: 100px;height: 45px;text-align: center;margin-top: 25px;}
.shopone .shop-button a{font-size: 16px; color:#fff}
.shopone .line {width:100%;height:0px;border-bottom:1px dashed #e5e5e5; text-align:center; margin-bottom:20px;}
.shopone .shop-commodity{height:400px; float:left;}
.shopone .in-floor-con .info2{padding: 0 10px;text-align: left;height: 40px;line-height: 40px}
.shopone .in-floor-con .info2 .mui-price2{font-size: 12px;color: #f77c04;}
.shopone .in-floor-con .info2 .mui-price-integer2{font-size: 16px;position: relative; top: -2px; }
</style>
<body class="category">
  <!-- 店铺总数 -->
  <div class="filter-tab"><span class="shop-count">找到相关店铺<b style="color:#f77c04">{$total_count}</b>家</span></div>
  <!-- 店铺信息BOX -->
  <div style="width:1200px;margin:0 auto;margin-top:20px;">
    <notempty name="lists">
      <volist name="lists" id="vo">
        <div class="shopone">
          <div class="shop-information">
            <!-- 店铺LOGO BOX -->
            <div class="photos">
              <a href="{:U('/')}" title="店铺LOGO" target="_blank">
                <img src="{:get_cover(C('LOGO'),'path')}"></a>
            </div>
            <!-- 店铺详情 BOX -->
            <div class="shop-data">
              <h4>
                <a href="{:U('Store/index/store_id/'.$vo['store_id'])}">{$vo.store_name}</a>
                <eq name="vo.ItemInfo.is_activity" value="1">
                <a class="discount"  href="javascript:;">优惠</a>
                </eq>
              </h4>
              <p class="data-info">
                <span>联系电话:</span>
                <a href="javascript:;">{$vo.contacts_phone}</a>
              </p>
              <p class="data-info">
                <span>店铺地址:</span>
                <a data-lat="{$vo.lat}" data-lng="{$vo.lng}" href="javascript:;" class="show-baidu-map" data-name="{$vo.store_name}">{$vo.address_info}</a>
              </p>
            </div>
            <!-- 店铺销售详情 BOX -->
            <div class="statistics">
              <div class="commodity-number">
                <a href="{:U('Store/index/store_id/'.$vo['store_id'])}">
                  <span>{$vo.ItemInfo.item_count}</span>
                  <p>商品数</p>
                </a>
              </div>
              <div class="commodity-number">
                <a href="{:U('Store/index/store_id/'.$vo['store_id'])}">
                  <span>{$vo.ItemInfo.item_buynum}</span>
                  <p>销量数</p>
                </a>
              </div>
              <div class="collection-number">
               <a href="{:U('Store/index/store_id/'.$vo['store_id'])}">
                <span>{$vo.ItemInfo.item_favnum}</span>
                <p>收藏数</p>
               </a>
              </div>
            </div>
            <!-- 店铺跳转查看 BOX -->
            <div class="shop-button">
              <p><a href="{:U('Store/index/store_id/'.$vo['store_id'])}">进店逛逛</a></p>
            </div>
          </div>
          <!-- 商品列表 -->
          <div class="line"></div>
          <ul class="in-floor-con">
            <volist name="vo.ItemInfo.ItemList" id="voo" key="keys">
            <if condition="$keys lt 5">
              <li>
                <a href="{:U('Item/detail/id/'.$voo['id'])}" target="_blank">
                  <img src="{$voo.cover_path}" class="img-loaded">
                <!-- <i class="in-floor-con-label label-b">爆款</i> -->
                  <div class="info2">
                    <span class="mui-price2"> 
                    <i class="mui-price-rmb2">¥</i> <span class="mui-price-integer2">{$voo.price}</span>
                    </span>
                  </div>
                </a> 
              </li>
            </if>
            </volist>
          </ul>
        </div>
      </volist>
    <else/>
      <p class="list-empty">您暂时没有{$meta_title}。</p>
    </notempty>
  </div>
  </div>
  <!-- 分页BOX -->
  <div class="page">{$_page}</div>
</div>

    <!-- js弹出地图且定位 -->
   <div id="map-div" class="modal-dialog modal-box" style="width:700px;position:fixed;top:50%;left:50%;margin:-250px 0px 0px -350px;z-index:999;display:none;">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close J_modal_close" data-dismiss="modal"><i class="icon icon-close" id="close-div"></i></button>
                  <h4 class="modal-title">店铺地址</h4>
              </div>
              <!-- 内容content -->
              <div class="fixed-coupon">
                <div style="height:500px; padding:20px;" id="allmap" class="mapbox"></div>          
              </div>
          </div>
    </div>

    <div id="hide-div" class="modal-backdrop fade in" style="width: 100%; z-index: 1; display: none;"></div>

</block>


<block name="script"> 
<script src="http://api.map.baidu.com/api?v=2.0&ak=8NL4QmGGsSzFqFtIWFPYUP5jVZMl7bMf"></script>
<script type="text/javascript">
      seajs.use('item',function(item){
        item.changeStore();
      });
</script> 
</block>
